.alert {
  position: absolute;
  margin: 0 auto;
  width: 50%;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #212529;
  margin-left: 25%;
  top: 10%;
  border-radius: $border-radius;
  padding: $alert-padding-y $alert-padding-x;
  z-index: 99;
  font-size: $font-size-sm;
  &-title{
    font-weight: $font-weight-bold;
    padding: 0 0 $alert-padding-y 0;
    margin-right: 3rem;
    
  }
  &-close{
    position: absolute;
    right: .5rem;
    top: .5rem;
    cursor: pointer;
  }
  &-info{
    margin-right: 3rem;
  }
}



.alert-default{
  background: $primary;
  color:$white
}

.alert-success{
  background: $success;
  color:$white
}

.alert-danger{
  background: $danger;
}